<template>
  <div class="md:flex analysis_tit">
    <div class="before_bor"></div>
    <div class="tit"> {{analysisTitle}}</div>
  </div>
</template>
<script lang="ts" setup>
defineProps({
	analysisTitle: {
		type: String,
	},
});
</script>

<style lang="less" scoped>
.analysis_tit {
	height: 1.625rem;
	font-size: 1rem;
	margin-bottom: .625rem;
	line-height: 1.625rem;

	.before_bor {
		height: 1.625rem;
		width: 0.25rem;
		background: #e09f31;
		margin-right: 0.25rem;
	}
	.tit {
		color: #fff;
		padding-left: 20px;
		box-sizing: border-box;
		width: calc(100% - 0.5rem);
		height: 1.625rem;
		background: url('../../../../assets/images/overviewAnalysis/tit_bg.svg');
    background-size: 100% 100%;
	}
}
</style>
